<template>
	<view>

		<view class="feature_box  m-t-30">
			<view class="feature_item FlexColumn" v-for="(item, index) in feature_list" @click="getStsConf(item)"
				v-if="item.path">
				<view class="ficon">
					<u-image :lazy-load="true" :src="xtcimg_head + `index8-${index + 1}.png`" mode="widthFix"
						width="100%" height="100%">
						<u-loading slot="loading"></u-loading>
					</u-image>
				</view>
				<view class="tit">
					{{item.title}}
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	import {
		External_featurelist
	} from "../js/feature.js"
	export default {
		data() {
			return {
				feature_list: External_featurelist,
				xtcimg_head: '',
			}
		},
		created() {
			this.xtcimg_head = this.$store.state.app.imghead + 'index/'
		},
		methods: {
			// 获取页面配置信息
			getStsConf(item) {},
			// 获取配置信息
			getzhitongConfig(path, title) {
				api_thro_StatConfig({}).then(res => {
					this.clickres(res.service_enabled, title, path)
				})
			},
			clickres(flag, title, path) {
				if (flag == 0) {
					this.$toast({
						title: `${title}-产品未开放，敬请期待！`
					})
					return
				} else {
					this.toPath(path)
				}
			},

			toPath(url) {
				if (!url) return
				uni.navigateTo({
					url,
				})
			},
		},
	}
</script>

<style lang="scss" scoped>
	.feature_box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		.feature_item {
			margin-bottom: 31rpx;
			width: 33%;

			// border:solid 1px red;
			.ficon {
				width: 100rpx;
				height: 100rpx;
				border-radius: 18rpx;
				overflow: hidden;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.tit {
				margin-top: 9rpx;
				font-size: 28rpx;
				font-weight: 400;
				color: rgba(38, 38, 38, 1);
				text-align: center;
			}
		}
	}
</style>